<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset/reset.css">
    <link rel="stylesheet" href="./css/ssly.css">
    <link rel="stylesheet" href="./css/swiper.css">
</head>

<body>
    <div class="main1">
        <div class="top">
            <div class="top-left">
                <div class="logo">
                    <a href=""><img src="./images/fangtelogo.png" alt=""></a>
                </div>
                <div class="top-link">
                    <a href="">在线预订</a>
                    <a href="">精彩活动</a>
                    <a href="">方特旗舰店</a>
                    <a href="">华强方特</a>
                    <a href="">方特动漫</a>
                </div>
            </div>
            <div class="top-right">
                <div class="thPark">
                    <div class="check">
                        <a href="javascript:void(0)">选择主题公园</a>
                        <span></span>
                    </div>
                    <div class="list">
                        <ul>
                            <li>
                                <a href="">芜湖方特</a>
                                <div class="poplayer">
                                    <a href="">芜湖方特欢乐世界</a>
                                    <a href="">芜湖方特梦幻王国</a>
                                    <a href="">芜湖方特东方神话</a>
                                    <a href="">芜湖方特水上乐园</a>
                                </div>
                            </li>
                            <li>
                                <a href="">郑州方特</a>
                                <div class="poplayer">
                                    <a href="">郑州方特欢乐世界</a>
                                    <a href="">郑州方特梦幻王国</a>
                                    <a href="">郑州方特水上乐园</a>
                                </div>
                            </li>
                            <li>
                                <a href="">厦门方特</a>
                                <div class="poplayer">
                                    <a href="">厦门方特欢乐世界</a>
                                    <a href="">厦门方特梦幻王国</a>
                                    <a href="">厦门方特水上乐园</a>
                                </div>
                            </li>
                            <li>
                                <a href="">株洲方特</a>
                                <div class="poplayer">
                                    <a href="">株洲方特欢乐世界</a>
                                    <a href="">株洲方特梦幻王国</a>
                                </div>
                            </li>
                            <li>
                                <a href="">嘉峪关方特</a>
                                <div class="poplayer">
                                    <a href="">嘉峪关方特欢乐世界</a>
                                    <a href="">嘉峪关方特丝路神话</a> </div>
                            </li>
                            <li><a href="">沈阳方特</a></li>
                            <li><a href="">天津方特</a></li>
                            <li><a href="">大同方特</a></li>
                            <li><a href="">泰安方特</a></li>
                            <li><a href="">宁波方特</a></li>
                            <li><a href="">济南方特</a></li>
                            <li><a href="">青岛方特</a></li>
                            <li><a href="">汕头方特</a></li>
                            <li><a href="">重庆方特</a></li>
                            <li><a href="">南宁方特</a></li>
                            <li><a href="">长沙方特</a></li>
                            <li><a href="">邯郸方特</a></li>
                            <li><a href="">荆州方特</a></li>
                        </ul>
                    </div>
                </div>
                <div class="thPark">
                    <div class="check">
                        <a href="javascript:void(0)">选择方特酒店</a>
                        <span></span>
                    </div>
                    <div class="list">
                        <ul>
                            <li>
                                <a href="">芜湖方特酒店</a>
                            </li>
                            <li>
                                <a href="">沈阳花园酒店</a>
                            </li>
                            <li>
                                <a href="">株洲东厢酒店</a>
                            </li>
                            <li>
                                <a href="">郑州假日酒店</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="nal-rword">方特全国服务热线： 400-166-0006</div>
            </div>
        </div>
    </div>
    <div class="main2">
        <div class="container">
            <img src="images/m1img1.png" class="m1img1" alt="方特东方神画 回到过去 体验未来">
        </div>
    </div>
    <div class="main3">
        <div class="container">
            <div class="m2zi">
                <p>方特东方神画是一个充满传奇故事的大型高科技主题乐园，是中国知名的主题乐园投资运营商深圳华强方特文化科技集团继方特欢乐世界、方特梦幻王国、方特水上乐园之后，斥巨资打造的又一个全新的大型高科技主题乐园。
                </p>
                <p>方特东方神画是一幅神奇的东方画卷，它以中华五千年文化精髓和非遗文化为重点，利用最新的科技手段，综合运用激光多媒体、立体特效、微缩实景、真人秀等表现手法，以不可思议的表现形式向人们展开一幅华夏五千年历史文明精粹的灿烂画卷，如梦如幻、如诗如画。
                </p>
                <p>方特东方神画是一个老少皆宜的主题乐园，适合家庭亲子休闲旅游，同时也适合年轻人寻奇探险。这里有长者钟爱的各种演艺，有孩子们喜欢的熊出没主题区，也有年轻人向往的惊险刺激型游乐项目群，一家人各得其所，甜蜜温馨，其乐融融。
                </p>
                <p>回到过去，体验未来，方特东方神画，一个有故事的乐园！</p>
            </div>
            <img src="images/m2img1.png" class="m2img1" alt="方特东方神画 回到过去 体验未来">
        </div>
    </div>

    <!-- 轮播 -->
    <!-- <div class="main4">
        <div class="container">
            <div id="element_id" class="scroll_horizontal">
                <div class="box">
                    <ul class="list">
                        <li>
                            <img src="images/m3im1_1.png" class="m3im_1" alt="方特东方神画-纵横华夏">
                            <img src="images/m3im1_2.png" class="m3im_2" alt="方特东方神画-纵横华夏">
                            <img src="images/m3im1_3.png" class="m3im_3" alt="方特东方神画-纵横华夏">
                        </li>
                        <li>
                            <img src="images/m3im2_1.png" class="m3im_1" alt="方特东方神画-孟姜女">
                            <img src="images/m3im2_2.png" class="m3im_2" alt="方特东方神画-孟姜女">
                            <img src="images/m3im2_3.png" class="m3im_3" alt="方特东方神画-孟姜女">
                        </li>
                        <li>
                            <img src="images/m3im3_1.png" class="m3im_1" alt="方特东方神画-七彩王国">
                            <img src="images/m3im3_2.png" class="m3im_2" alt="方特东方神画-七彩王国">
                            <img src="images/m3im3_3.png" class="m3im_3" alt="方特东方神画-七彩王国">
                        </li>
                        <li>
                            <img src="images/m3im4_1.png" class="m3im_1" alt="方特东方神画-雷峰塔">
                            <img src="images/m3im4_2.png" class="m3im_2" alt="方特东方神画-雷峰塔">
                            <img src="images/m3im4_3.png" class="m3im_3" alt="方特东方神画-雷峰塔">
                        </li>
                        <li>
                            <img src="images/m3im5_1.png" class="m3im_1" alt="方特东方神画-梨园游记">
                            <img src="images/m3im5_2.png" class="m3im_2" alt="方特东方神画-梨园游记">
                            <img src="images/m3im5_3.png" class="m3im_3" alt="方特东方神画-梨园游记">
                        </li>
                        <li>
                            <img src="images/m3im6_1.png" class="m3im_1" alt="方特东方神画-女娲传奇">
                            <img src="images/m3im6_2.png" class="m3im_2" alt="方特东方神画-女娲传奇">
                            <img src="images/m3im6_3.png" class="m3im_3" alt="方特东方神画-女娲传奇">
                        </li>
                        <li>
                            <img src="images/m3im7_1.png" class="m3im_1" alt="方特东方神画-丛林飞龙">
                            <img src="images/m3im7_2.png" class="m3im_2" alt="方特东方神画-丛林飞龙">
                            <img src="images/m3im7_3.png" class="m3im_3" alt="方特东方神画-丛林飞龙">
                        </li>
                        <li>
                            <img src="images/m3im8_1.png" class="m3im_1" alt="方特东方神画-九州神韵">
                            <img src="images/m3im8_2.png" class="m3im_2" alt="方特东方神画-九州神韵">
                            <img src="images/m3im8_3.png" class="m3im_3" alt="方特东方神画-九州神韵">
                        </li>

                        <li>
                            <img src="images/m3im1_1.png" class="m3im_1" alt="方特东方神画-纵横华夏">
                            <img src="images/m3im1_2.png" class="m3im_2" alt="方特东方神画-纵横华夏">
                            <img src="images/m3im1_3.png" class="m3im_3" alt="方特东方神画-纵横华夏">
                        </li>
                        <li>
                            <img src="images/m3im2_1.png" class="m3im_1" alt="方特东方神画-孟姜女">
                            <img src="images/m3im2_2.png" class="m3im_2" alt="方特东方神画-孟姜女">
                            <img src="images/m3im2_3.png" class="m3im_3" alt="方特东方神画-孟姜女">
                        </li>
                        <li>
                            <img src="images/m3im3_1.png" class="m3im_1" alt="方特东方神画-七彩王国">
                            <img src="images/m3im3_2.png" class="m3im_2" alt="方特东方神画-七彩王国">
                            <img src="images/m3im3_3.png" class="m3im_3" alt="方特东方神画-七彩王国">
                        </li>
                        <li>
                            <img src="images/m3im4_1.png" class="m3im_1" alt="方特东方神画-雷峰塔">
                            <img src="images/m3im4_2.png" class="m3im_2" alt="方特东方神画-雷峰塔">
                            <img src="images/m3im4_3.png" class="m3im_3" alt="方特东方神画-雷峰塔">
                        </li>
                        <li>
                            <img src="images/m3im5_1.png" class="m3im_1" alt="方特东方神画-梨园游记">
                            <img src="images/m3im5_2.png" class="m3im_2" alt="方特东方神画-梨园游记">
                            <img src="images/m3im5_3.png" class="m3im_3" alt="方特东方神画-梨园游记">
                        </li>
                        <li>
                            <img src="images/m3im6_1.png" class="m3im_1" alt="方特东方神画-女娲传奇">
                            <img src="images/m3im6_2.png" class="m3im_2" alt="方特东方神画-女娲传奇">
                            <img src="images/m3im6_3.png" class="m3im_3" alt="方特东方神画-女娲传奇">
                        </li>
                        <li>
                            <img src="images/m3im7_1.png" class="m3im_1" alt="方特东方神画-丛林飞龙">
                            <img src="images/m3im7_2.png" class="m3im_2" alt="方特东方神画-丛林飞龙">
                            <img src="images/m3im7_3.png" class="m3im_3" alt="方特东方神画-丛林飞龙">
                        </li>
                        <li>
                            <img src="images/m3im8_1.png" class="m3im_1" alt="方特东方神画-九州神韵">
                            <img src="images/m3im8_2.png" class="m3im_2" alt="方特东方神画-九州神韵">
                            <img src="images/m3im8_3.png" class="m3im_3" alt="方特东方神画-九州神韵">
                        </li>
                    </ul>
                </div>
                <a class="prev"></a>
                <a class="next"></a>
            </div>
        </div>
    </div> -->
    <!--  -->
    <div class="main4">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <li>
                        <img src="images/m3im1_1.png" class="m3im_1" alt="方特东方神画-纵横华夏">
                        <img src="images/m3im1_2.png" class="m3im_2" alt="方特东方神画-纵横华夏">
                        <img src="images/m3im1_3.png" class="m3im_3" alt="方特东方神画-纵横华夏">
                    </li>
                </div>
                <div class="swiper-slide">
                    <li>
                        <img src="images/m3im2_1.png" class="m3im_1" alt="方特东方神画-孟姜女">
                        <img src="images/m3im2_2.png" class="m3im_2" alt="方特东方神画-孟姜女">
                        <img src="images/m3im2_3.png" class="m3im_3" alt="方特东方神画-孟姜女">
                    </li>
                </div>
                <div class="swiper-slide">
                    <li>
                        <img src="images/m3im3_1.png" class="m3im_1" alt="方特东方神画-七彩王国">
                        <img src="images/m3im3_2.png" class="m3im_2" alt="方特东方神画-七彩王国">
                        <img src="images/m3im3_3.png" class="m3im_3" alt="方特东方神画-七彩王国">
                    </li>
                </div>
                <div class="swiper-slide">
                    <li>
                        <img src="images/m3im4_1.png" class="m3im_1" alt="方特东方神画-雷峰塔">
                        <img src="images/m3im4_2.png" class="m3im_2" alt="方特东方神画-雷峰塔">
                        <img src="images/m3im4_3.png" class="m3im_3" alt="方特东方神画-雷峰塔">
                    </li>
                    <li>
                </div>
                <div class="swiper-slide">
                    <li>
                        <img src="images/m3im5_1.png" class="m3im_1" alt="方特东方神画-七彩王国">
                        <img src="images/m3im5_2.png" class="m3im_2" alt="方特东方神画-七彩王国">
                        <img src="images/m3im5_3.png" class="m3im_3" alt="方特东方神画-七彩王国">
                    </li>
                </div>
                <div class="swiper-slide">
                    <li>
                        <img src="images/m3im6_1.png" class="m3im_1" alt="方特东方神画-七彩王国">
                        <img src="images/m3im6_2.png" class="m3im_2" alt="方特东方神画-七彩王国">
                        <img src="images/m3im6_3.png" class="m3im_3" alt="方特东方神画-七彩王国">
                    </li>
                </div>
            </div>
            <!-- 如果需要导航按钮 -->

        </div>
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
    </div>
    <!-- tab切换 -->
    <div class="main5">
        <div class="container">
            <a class="m4hover_a m4hover1_a" href="http://wuhu.dfsh.fangte.com/" target="_blank">
                <span>进入官网</span>
                <div class="m4zz"></div>
            </a>
            <a class="m4hover_a m4hover2_a" href="http://jinan.fangte.com/" target="_blank"
                style="opacity: 0; display: none;">
                <span>进入官网</span>
                <div class="m4zz"></div>
            </a>
            <a class="m4hover_a m4hover3_a" href="http://ningbo.fangte.com/" target="_blank"
                style="opacity: 0; display: none;">
                <span>进入官网</span>
                <div class="m4zz"></div>
            </a>
            <a class="m4hover_a m4hover4_a" href="http://xiamen.fangte.com/dfsh/" target="_blank"
                style="opacity: 0; display: none;">
                <span>进入官网</span>
                <div class="m4zz"></div>
            </a>
            <a class="m4hover_a m4hover5_a" href="http://changsha.fangte.com/" target="_blank"
                style="opacity: 1; display: none;">
                <span>进入官网</span>
                <div class="m4zz"></div>
            </a>
            <a class="m4hover_a m4hover6_a" href="http://jingzhou.fangte.com/" target="_blank"
                style="opacity: 1; display: inline;">
                <span>进入官网</span>
                <div class="m4zz"></div>
            </a>
            <img src="images/m4hover1_2.png" class="m4hover_img2 m4hover1_2" alt="芜湖方特东方神画"
                style="display: none; opacity: 0;">
            <img src="images/m4hover2_2.png" class="m4hover_img2 m4hover2_2" alt="济南方特东方神画"
                style="opacity: 0; display: none;">
            <img src="images/m4hover3_2.png" class="m4hover_img2 m4hover3_2" alt="宁波方特东方神画"
                style="opacity: 0; display: none;">
            <img src="images/m4hover4_2.png" class="m4hover_img2 m4hover4_2" alt="厦门方特东方神画"
                style="opacity: 0; display: none;">
            <img src="images/m4hover5_2.png" class="m4hover_img2 m4hover5_2" alt="长沙方特东方神画"
                style="opacity: 1; display: none;">
            <img src="images/m4hover6_2.png" class="m4hover_img2 m4hover6_2" alt="荆州方特东方神画"
                style="opacity: 1; display: block;">
            <div class="m4hover" id="m4hover1">芜湖方特</div>
            <div class="m4hover" id="m4hover2">济南方特</div>
            <div class="m4hover" id="m4hover3">宁波方特</div>
            <div class="m4hover" id="m4hover4">厦门方特</div>
            <div class="m4hover" id="m4hover5">长沙方特</div>
            <div class="m4hover" id="m4hover6">荆州方特</div>
        </div>
    </div>
    <!--  -->
    <script src="./lib/jquery-3.4.1.min.js"></script>
    <script src="./lib/swiper.js"></script>
    <script src="./js/ssly.js"></script>
</body>

</html>